<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Creating Popup Dialog Windows using JQuery</title>
<script src="../js/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="../js/popup.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../css/popup.css" />
<script type="text/javascript">
	function confSubmit(form) {
		if (confirm("Are you sure you want to submit the form?")) {
			form.submit();
		}

		else {
			alert("You decided to not submit the form!");
		}
	}
</script>
</head>
<body>




<!--  		<input type="button" id="btnShowSimple" value="Simple Dialog" /> <input
			type="button" id="btnShowModal" value="Modal Dialog" /> <br />
			
			<input type="button" type="hidden" id="btnShowModal"></input>
		<br />
-->

<a id="theLink">Click Me</a>
		<div id="overlay" class="web_dialog_overlay"></div>

		<div id="dialog" class="web_dialog">

			<table style="width: 100%; border: 0px;" cellpadding="3"
				cellspacing="0">
				<tr>
					<td class="web_dialog_title">Online Survey</td>
					<td class="web_dialog_title align_right"><a href="#"
						id="btnClose">Close</a></td>
				</tr>
				<tr>
					<td colspan="2" style="padding-left: 15px;">
							<a href="hostels.action"><input type="submit" value="google"/></a>
					</td>
				</tr>
			</table>
		</div>
		
		<a id="theLink">Click Me too</a>
		<div id="overlay" class="web_dialog_overlay"></div>

		<div id="dialog" class="web_dialog">

			<table style="width: 100%; border: 0px;" cellpadding="3"
				cellspacing="0">
				<tr>
					<td class="web_dialog_title">Online 123 Survey</td>
					<td class="web_dialog_title align_right"><a href="#"
						id="btnClose">Close</a></td>
				</tr>
				<tr>
					<td colspan="2" style="padding-left: 15px;">
							<a href="hostels.action"><input type="submit" value="google"/></a>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>
